<template>
    <div class="login-page">
      <van-nav-bar :title=" isRegister?'面经注册':'面经登录'" />

      <van-form @submit="$emit('onSumbit',$event)">
        <van-field
          v-model="username"
          name="username"
          label="用户名"
          placeholder="用户名"
          :rules="[
          { required: true, message: '请填写用户名' },
          { pattern: /^\w{5,}$/, message: '用户名至少包含5个字符' }
          ]"
          />
        <van-field
          v-model="password"
          type="password"
          name="password"
          label="密码"
          placeholder="密码"
          :rules="[
          { required: true, message: '请填写密码' },
          { pattern: /^\w{6,}$/, message: '密码至少包含6个字符' }
          ]"
          />
        <div style="margin: 16px">
          <van-button block :type="isRegister? 'primary':'info'" native-type="submit"
            >{{ isRegister?'注册':'提交' }}</van-button
                 >

        </div>

      </van-form>

      <router-link class="link" :to=" isRegister?'/Login':'/Register'">{{ isRegister ? '有账号，去登录' :'去注册'}}</router-link>

    </div>

  </template>

<script>
export default {
  name: 'Register-Page',
  props: {
    isRegister: Boolean
  },
  data () {
    return {
      username: '',
      password: ''
    }
  }

}
</script>

  <style lang="less" scoped>
    .link {
      color: #069;
      font-size: 12px;
      padding-right: 20px;
      float: right;
    }
  </style>
